<!DOCTYPE html>
<br lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js库/mock.js"></script>
    <script src="../js库/vue.js"></script>
    <title>常用标签</title>
    
</head>
<body id="body">
    <div id="root">
    <!-- 段落标签 -->
    <!-- <p >{{cword}}==</br>={{cword2}}</p>
    <p >{{cword2}}</p> -->
    <!-- 换行标签 单标签 -->
    <!-- <p >{{cword}}==</br>={{cword2}}</p> -->
<!-- <h1>{{t1}}</h1>
<h4>{{t41}}</h4>
<p>{{cword}}</p>
<p>{{cword2}}</p>
<h4>{{t42}}</h4>
<p>{{cword}}</p>
<p>{{cword2}}</p>
<p>作者:{{aut}}</br>
    日期:{{date}}</p> -->


<!-- 文本格式化标签 粗体  斜体 下划线等 -->
    <!-- 正常文字1<b>加粗文字</b>正常文字2</br>
    正常文字1<strong>加粗文字</strong>正常文字2</br>
    倾斜<em>倾斜</em>倾斜</br>
    倾斜<i>倾斜</i>倾斜</br>
    使用 <del>作废</del>使用</br>
    使用 <s>作废</s>使用</br>
    下划线<u>下划线</u>下互相</br>
    <del>{{cword}}</del> -->
 
<!-- div标签 span标签  盒子 -->
        <!-- <div>一行只能放一个div 一个div独占一行不允许别的内容</div>rfgt
        <div>一行只能放一个div</div> -->
            <!-- 一行可以多个span -->
        <!-- <span>{{t1}} </span>
        <span>{{t41}}</span>
        <span>{{t42}}</span> -->
<!-- 图像标签  路径-->
            <!-- <h4>{{title}}</h4>
            <img  :src="`../picture/f1.jpeg`" alt="图片错误"  title="提示图片"   width="500" /> -->
            <!-- 只修改一个方向的数值width 另一个方向会等比例修改  一般只修改一个方向就行 -->
<!-- 超链接标签 a -->
                <!-- <h4>都可以做超链接</h4> -->
                <!-- 
                     target='_self'
                      target="_blank"
                 -->
                <!-- <a href="http://www.baidu.com/" target="_blank"><img title="百度" src="../picture/f1.jpeg" /></a> -->
                <!-- 
                    外部链接 http://www.baidu.com/
                    内部链接 页面直接的相互跳转
                 -->
                <!-- </br>
                 <a href="./test.html">内部链接</a>
                 <h4>空链接#</h4>
                <a href="#">新闻</a>
                <h4>下载链接  链接为资源时自动下载  图片不行</h4>
                        <a href="../picture/f1.zip">压缩包下载</a> -->

                        <!-- 锚点链接 -->
                        <!-- <h4 id="head">点击链接可以快速定位到页面的某个位置</h4>
                        <a href="#six">第6集</a>
                        <p>{{c3}}</p>
                        <p>{{c4}}</p>
                        <p>{{c5}}</p>
                        <p>{{c6}}</p>
                        <p>{{c6}}</p>
                        <p>{{c6}}</p>
                        <p>{{c6}}</p>
                        <p>{{c6}}</p>
                        <h4 id="six">第6集&nbsp;<a href="#head">返回顶部</a></h4> 
                        <p >{{c6}}</p>
                        <h4>第7集</h4>
                        <p>{{c6}}</p>
                        <p>{{c6}}</p>
                        <p>{{c6}}</p> -->

                        <!-- 注释标签  --> 
                            <!--  -->
                            <!-- 特殊字符 
                                    &nbsp; 空格
                                    &lt; <
                                    &gt; >
                            -->
                            你&nbsp;&nbsp;好
                            &lt;p&gt; 
</div>

</body> 
<script type="text/javascript">
    // alert(Mock.mock('@word(10)'));
    new Vue({
        el:"#root",
        data: {       
 
                cword:Mock.mock('@cword(100)'),   
                cword2:Mock.mock('@cword(100)'), 
                t1:Mock.mock('@title(1)') ,
                t41:Mock.mock('@title(1)') ,
                t42:Mock.mock('@title(1)') ,
                aut:Mock.mock('@cname'),
                date:Mock.mock('@date'),
                c3:Mock.mock('@cword(1000)'),
                c4:Mock.mock('@cword(1000)'),
                c5:Mock.mock('@cword(1000)'),
                c6:Mock.mock('@cword(1000)'),
                
        }
    })
</script>
</html>